<div id="slider2" class="sliderwrapper">
    <div class="contentdiv"><img src="<?php echo BASE_URL;?>images/themes/ws-nostyle-shirts.png" alt="image" /></div>
    <div class="contentdiv"><img src="<?php echo BASE_URL;?>images/themes/ws-nostyle-aokhoactc.png" alt="image" /></div>
    <div class="contentdiv"><img src="<?php echo BASE_URL;?>images/themes/ws-nostyle-jeantc.png" alt="image" /></div>
    <div class="contentdiv"><img src="<?php echo BASE_URL;?>images/themes/mb-newws-01.png" alt="image" /></div>
</div>
<div id="paginate-slider2" class="pagination">
    <a href="#" class="toc">1</a> 
    <a href="#" class="toc anotherclass">2</a> 
    <a href="#" class="toc">3</a>
    <a href="#" class="toc">4</a>
</div>
<script type="text/javascript">
 	featuredcontentslider.init({
    id: "slider2",  //id of main slider DIV
    contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
    revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
    enablefade: [true, 0.2],  //[true/false, fadedegree]
    autorotate: [true, 3000],  //[true/false, pausetime]
    onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
</script> 
               